/**//*   
**    ==================================================================================================   
**    类名：CLASS_MSN_MESSAGE   
**    功能：提供类似MSN消息框   
**    示例：   
    ---------------------------------------------------------------------------------------------------   
   
            var MSG = new CLASS_MSN_MESSAGE("aa",200,120,"短消息提示：","您有1封消息","今天请我吃饭哈");   
                MSG.show();   
   
*    消息构造   
*/    
function CLASS_MSN_MESSAGE(id,width,height,caption,title,message,picname,forwordurl,target,action){    
    this.id     = id;    
    this.title  = title;    
    this.caption= caption;    
    this.message= message;    
    this.target = target;    
    this.picname = picname;    
    this.forwordurl = forwordurl;    
    this.action = action;    
    this.width    = width?width:280;    
    this.height = height?height:150;    
    this.timeout= 3000;    
    this.speed    = 20;   
    this.step    = 1;   
    this.right    = screen.width -1;    
    this.bottom = screen.height;   
    this.left    = this.right - this.width;   
    this.top    = this.bottom - this.height;   
    this.timer    = 0;   
    this.pause    = false;  
    this.close    = false;  
    this.autoHide    = true;  
}    
    
/**//*   
*    隐藏消息方法   
*/    
CLASS_MSN_MESSAGE.prototype.hide = function(){    
    if(this.onunload()){    
        var offset  = this.height>this.bottom-this.top?this.height:this.bottom-this.top;   
        var me  = this;    
        if(this.timer>0){     
            window.clearInterval(me.timer);    
        }    
        var fun = function(){    
            if(me.pause==false||me.close){  
                var x  = me.left;   
                var y  = 0;   
                var width = me.width;   
                var height = 0;   
                if(me.offset>0){   
                    height = me.offset;   
                }   
       
                y  = me.bottom - height;   
       
                if(y>=me.bottom){   
                    window.clearInterval(me.timer);    
                    me.Pop.hide();    
                } else {   
                    me.offset = me.offset - me.step;    
                }   
                me.Pop.show(x,y,width,height);      
            }               
        }    
        this.timer = window.setInterval(fun,this.speed)        
    }    
}    
    
/**//*   
*    消息卸载事件，可以重写，(就是你想在消息框消失之前想干的事) 
*/    
CLASS_MSN_MESSAGE.prototype.onunload = function() {    
    return true;    
}    
/**//*   
*    消息命令事件，要实现自己的连接，请重写它   
*   
*/    
CLASS_MSN_MESSAGE.prototype.oncommand = function(){    
    //this.close = true;  
    this.hide();    
 window.open(this.forwordurl);  
     
}    
/**//*   
*    消息显示方法   
*/    
CLASS_MSN_MESSAGE.prototype.show = function(){    
   // var oPopup = window.createPopup(); //IE5.5+    
    
    if (!window.createPopup) {  
        var __createPopup = function() {  
            var SetElementStyles = function( element, styleDict ) {  
                var style = element.style ;  
                for ( var styleName in styleDict )style[ styleName ] = styleDict[ styleName ] ;   
            }  
            var eDiv = document.createElement( 'div' );   
            SetElementStyles( eDiv, { 'position': 'absolute', 'top': 0 + 'px', 'left': 0 + 'px', 'width': 0 + 'px', 'height': 0 + 'px', 'zIndex': 1000, 'display' : 'none', 'overflow' : 'hidden' } ) ;  
            eDiv.body = eDiv ;  
            var opened = false ;  
            var setOpened = function( b ) {  
                opened = b;   
            }  
            var getOpened = function() {  
                return opened ;   
            }  
            var getCoordinates = function( oElement ) {  
                var coordinates = {x:0,y:0} ;   
                while( oElement ) {  
                    coordinates.x += oElement.offsetLeft ;  
                    coordinates.y += oElement.offsetTop ;  
                    oElement = oElement.offsetParent ;  
                }  
                return coordinates ;  
            }  
            return {htmlTxt : '', document : eDiv, isOpen : getOpened(), isShow : false, hide : function() { SetElementStyles( eDiv, { 'top': 0 + 'px', 'left': 0 + 'px', 'width': 0 + 'px', 'height': 0 + 'px', 'display' : 'none' } ) ; eDiv.innerHTML = '' ; this.isShow = false ; }, show : function( iX, iY, iWidth, iHeight, oElement ) { if (!getOpened()) { document.body.appendChild( eDiv ) ; setOpened( true ) ; } ; this.htmlTxt = eDiv.innerHTML ; if (this.isShow) { this.hide() ; } ; eDiv.innerHTML = this.htmlTxt ; var coordinates = getCoordinates ( oElement ) ; eDiv.style.top = ( iX + coordinates.x ) + 'px' ; eDiv.style.left = ( iY + coordinates.y ) + 'px' ; eDiv.style.width = iWidth + 'px' ; eDiv.style.height = iHeight + 'px' ; eDiv.style.display = 'block' ; this.isShow = true ; } }  
        }  
        window.createPopup = function() {  
            return __createPopup();   
        }  
    }  
    var oPopup = window.createPopup();
    
      
    this.Pop = oPopup;    
    
    var w = this.width;    
    var h = this.height;    
    
    var contentHTML = [];
    contentHTML.push("<div class='tip_wrap' style='width:"+w+"px;height:"+h+"px; overflow:hidden; position:fixed;right:5px;bottom:0;'>");
    contentHTML.push(" <div class='top' style='height:16px; position:relative;padding:5px;background:url("+this.title+"/images/sx/top/tip_wrap_bg.jpg) no-repeat;' id='btSysClose'>"+this.caption);
    contentHTML.push("<a  style='display:block; position:absolute; right:10px; top:5px; text-indent:-9999px; background:url("+this.title+"/images/sx/top/bg.png) -286px -88px no-repeat; width:13px;  height:13px;' id='btCommand'></a></div>");
    contentHTML.push("<div class='cloumn' style='border:3px solid #29A3EB;border-top:none; width:100%; height:146px; padding:10px; background:url("+this.title+"/images/sx/top/"+this.picname+") 10% no-repeat;'>");
    contentHTML.push(" <p style='cursor:pointer;width:120px;height:58px;background:url("+this.title+"/images/sx/top/say_bg_168_88.png) no-repeat;float:right;padding:15px;text-align:center;font-size:12px;' id='ommand'>"+this.message+"!</p>");
    contentHTML.push("</div>");
    contentHTML.push("</div>");
 
    oPopup.document.body.innerHTML = contentHTML.join('');;   
      
    
    this.offset  = 0;   
    var me  = this;    
    oPopup.document.body.onmouseover = function(){me.pause=true;}  
    oPopup.document.body.onmouseout = function(){me.pause=false;}  
    var fun = function(){    
        var x  = me.left;   
        var y  = 0;   
        var width    = me.width;   
        var height    = me.height;   
            if(me.offset>me.height){   
                height = me.height;   
            } else {   
                height = me.offset;   
            }   
        y  = me.bottom - me.offset;   
        if(y<=me.top){   
            me.timeout--;   
            if(me.timeout==0){   
                window.clearInterval(me.timer);    
                if(me.autoHide){  
                    me.hide();   
                }  
            }   
        } else {   
            me.offset = me.offset + me.step;   
        }   
        me.Pop.show(x,y,width,height);      
    }    
    
    this.timer = window.setInterval(fun,this.speed)        
    
       
    
    var btClose = oPopup.document.getElementById("btSysClose");    
    
    btClose.onclick = function(){    
        me.close = true;  
        me.hide();    
    }    
    
    var btCommand = oPopup.document.getElementById("btCommand");    
    btCommand.onclick = function(){    
        me.oncommand();    
    }      
    var forwordurl_ = this.forwordurl;
  var ommand = oPopup.document.getElementById("ommand");    
      ommand.onclick = function(){
       //this.close = true;  
    me.hide();    
    //window.location = this.title+"/v/sx_dc/index";  
    window.open(forwordurl_);  
    }     
}    
/**//*  
** 设置速度方法  
**/   
CLASS_MSN_MESSAGE.prototype.speed = function(s){   
    var t = 20;   
    try {   
        t = praseInt(s);   
    } catch(e){}   
    this.speed = t;   
}   
/**//*  
** 设置步长方法  
**/   
CLASS_MSN_MESSAGE.prototype.step = function(s){   
    var t = 1;   
    try {   
        t = praseInt(s);   
    } catch(e){}   
    this.step = t;   
}   
    
CLASS_MSN_MESSAGE.prototype.rect = function(left,right,top,bottom){   
    try {   
        this.left        = left    !=null?left:this.right-this.width;   
        this.right        = right    !=null?right:this.left +this.width;   
        this.bottom        = bottom!=null?(bottom>screen.height?screen.height:bottom):screen.height;   
        this.top        = top    !=null?top:this.bottom - this.height;   
    } catch(e){}   
}   
   
var objs = "";  
function AreltBoxMsg(type,title,msg,path){
	if(type==0){
		$.ajax({
			type:'POST',
			dataType:'json',
			url:_rootPath+'/v/sx_dc/remind',
			success:function(msg1){
				 if (msg1.infoNo == 1) {
					//构建弹出框对象  
						var MSG1 = new CLASS_MSN_MESSAGE("zz",255,180,title,path,msg);    
						   MSG1.rect(null,null,null,screen.height-50);   
						    MSG1.speed    = 20; //弹出框的弹出速度(越大速度越慢)  
						    MSG1.step    = 5; //歩长，即 弹出框距离电脑右下角下方的高度  
						    //当同时有两个层弹出时层叠加会有闪烁，下面这个if就是把每次生成的弹出框对象在下个弹出框弹出之前给隐藏(删除)掉，确保始终只有一个框在显示。(可根据自己的应用略作修改)  
						    if(objs != ""){  
						        objs.speed = 1;  
						        objs.hide();  
						          
						    }  
						    MSG1.show(); //调用弹出框显示  
						    objs = MSG1;//把弹出框对象赋给中间变量  
				 }
			}
		});
	}
	
}

function AreltBox(type,title,msg,path,picname,forwordurl){
	//构建弹出框对象  
	var MSG1 = new CLASS_MSN_MESSAGE("zz",255,180,title,path,msg,picname,forwordurl);    
	   MSG1.rect(null,null,null,screen.height-50);   
	    MSG1.speed    = 20; //弹出框的弹出速度(越大速度越慢)  
	    MSG1.step    = 5; //歩长，即 弹出框距离电脑右下角下方的高度  
	    //当同时有两个层弹出时层叠加会有闪烁，下面这个if就是把每次生成的弹出框对象在下个弹出框弹出之前给隐藏(删除)掉，确保始终只有一个框在显示。(可根据自己的应用略作修改)  
	    if(objs != ""){  
	        objs.speed = 1;  
	        objs.hide();  
	          
	    }  
	    MSG1.show(); //调用弹出框显示  
	    objs = MSG1;//把弹出框对象赋给中间变量  
}  

